<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <title>Giriş</title>
        <link href="style.css" rel="stylesheet" type="text/css"></link>
        <div style="text-align: center;"><h:graphicImage url="/resimler/itu_Logo.png"></h:graphicImage></div>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;amp;language=tr"></script>

    </h:head>
    <h:body>
        <h:form prependId="false">
            <div id="wrapper">
                <div id="logo">

                </div>
                <div id="header">
                    <!--   <div id="menu">
                   
                            </div>    -->
                </div>
                <div class="page">
                    <div id="page-bgtop">

                        <div id="dummy"></div>
                        <p:panel id="panelsidebar" header="Erişim Noktaları">
                            <ui:include src="Menu.xhtml"/>
                        </p:panel>

                        <!-- end #sidebar -->

                        <div id="content">
                            <p:panel>


                                    <p:poll interval="6"  
                                                listener="#{MapBean.increment}" update="map"  autoStart="true"/>
                                    <p:poll interval="6"  
                                            listener="#{MapBean.showShuttleTrackerInformation}" update="bar"  autoStart="true"/>
                            
                                    <f:view contentType="text/html">
                                        
                                        <p:gmap id="map" center="41.10501231618434,29.024725913269094" zoom="15" type="HYBRID"  
                                                style="width:700px;height:500px" 
                                                model="#{MapBean.simpleModel}" /> 

                                        <p:notificationBar id="bar" position="top" effect="slide" widgetVar="bar" styleClass="top" >  
                                            <h:outputText value="#{MapBean.information} &nbsp; &nbsp;" style="color:white;font-size:24px;" />  
                                            <p:commandButton value="Gizle" onclick="bar.hide()" type="button" /> 
                                        </p:notificationBar>  

                                        <p:commandButton value="Faydalı Bilgiler" onclick="bar.show()" type="button" />  
                                         
                                         
                                    </f:view>
                               



                            </p:panel>

                        </div>
                        <!-- end #content -->

                        <div style="clear: both;">&nbsp;</div>
                    </div>

                    <!-- end #page -->

                </div>
                <div id="footer-bgcontent">
                    <div id="footer" align="center">
                        <p>İTÜ Mekik Servis Takip Programı - 2011</p>
                    </div>
                </div>
                <!-- end #footer -->
            </div>

        </h:form>
    </h:body>
</html>

